import { Form, Input, Radio, TreeSelect } from 'antd'
import React from 'react'

export default function AddEntranceCard() {
    return (
        <Form>
            <Form.Item label="姓名" name="name" rules={[{ required: true, message: "必须要输入姓名" }]}>
                <Input />
            </Form.Item>

            <Form.Item label="手机号码" name="phone" rules={[{ required: true, message: "必须要输入手机号码" }]}>
                <Input />
            </Form.Item>


            <Form.Item label="身份证号码" name="idCard" rules={[{ required: true, message: "必须要输入身份证号码" }]}>
                <Input />
            </Form.Item>


            <Form.Item label="性别" name="sex" rules={[{ required: true, message: "必须要输入性别" }]} valuePropName="checked">
                <Radio.Group>
                    <Radio value="male">男</Radio>
                    <Radio value="female">女</Radio>
                </Radio.Group>
            </Form.Item>


            <Form.Item label="部门" name="dept" rules={[{ required: true, message: "必须要选择部门" }]}>
                <TreeSelect />
            </Form.Item>

            <Form.Item label="门禁有效期" name="name" rules={[{ required: true, message: "必须要输入姓名" }]}>
                <Input />
            </Form.Item>


            <Form.Item label="短信验证码" name="msgCode" rules={[{ required: true, message: "必须要输入短信验证码" }]}>
                <Input />
            </Form.Item>

            
        </Form>
    )
}
